<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="stylesheet" href="../mycss/main.css" />
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css" media="screen" />
    <link rel="stylesheet" href="../bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css" media="screen" />
    <link href="../bootstrap-3.3.7-dist/css/bootstrap-switch.css" rel="stylesheet">

    <script src="../jquery/jquery-3.3.1.min.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <script src="../bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap-switch.js"></script>
    <style type="text/css">
        .divForm{
            position: absolute;/*绝对定位*/
            width: 300px;
            height: 200px;
            text-align: center;/*(让div中的内容居中)*/
            top: 50%;
            left: 50%;
            margin-top: -200px;
            margin-left: -150px;
        }
    </style>
<title>House List</title>
</head>
<body>
    <!--引用页面头部-->
    <div th:include="header :: header"></div>
    <div class="panel panel-default">
        <table class="table  table-striped">
            <thead class="">
                <th>
                    <div class="order-1 bg-success">
                        <ul class="nav navbar-nav">
                            <!--  <li>
                                <div class="div-1-vertical ">
                                    <label>房屋</label>
                                </div>
                            </li>
                            <li>
                                <div class="div-1-vertical">
                                    <label>价格</label>
                                </div>
                            </li>
                            <li>
                                <div class="div-1-vertical">
                                    <label>房屋操作</label>
                                </div>
                            </li>
                            <li>
                                <div class="div-1-vertical">
                                    <label>实际付款</label>
                                </div>
                            </li>
                            <li>
                                <div class="div-1-vertical">
                                    <label>订单详情</label>
                                </div>
                            </li>
                            <li>
                                <div class="div-1-vertical">
                                    <label>交易操作</label>
                                </div>
                            </li>-->
                        </ul>
                    </div>
                </th>
            </thead>
			<tbody>
                <tr th:if="${list}" th:each="house:${list}">
                    <td>
                        <div class="order-3 bg-info"> 
                        <!-- th:href="@{/Controller/behavior(param1=1,param2=${person.id})}" -->
                        <a th:href="@{http://192.168.199.124:8082/showHouse(houseId=${house.id})}" style="text-decoration : none;color: black; ">
 >
                            <ul class="nav navbar-nav">
                                <li>
                                    <div class="div-3-vertical ">
                                        <label>房屋ID：</label>
                                        <label th:if="${house}" th:text="${house.id}"></label>
                                    </div>
                                </li>
                                <li>
                                    <div class="div-3-vertical ">
                                
                                        <label>房屋面积：</label>
                                        <label th:if="${house}" th:text="${house.area}"></label>
                                    </div>
                                </li>
                                <li>
                                    <div class="div-3-vertical ">
                                    
                                        <label>房屋价格：</label>
                                        <label th:if="${house}" th:text="${house.price}"></label>
                                    </div>
                                </li>
                                <li>
                                    <div class="div-3-vertical ">
                                    
                                        <label>房位置：</label>
                                        <label th:if="${house}" th:text="${house.address}"></label>
                                    </div>
                                </li>
                                <li>
                                    <div class="div-3-vertical ">
                                    	   
                                        <label>小区名：</label>
                                        <label th:if="${house}" th:text="${house.communityName}"></label>
                                    </div>
                                </li>
                                
                                
                  
                              <!--  <li>
                                    <div class="div-3-vertical text-center">
                                        <button type="button" class="btn btn-info">联系商家</button>
                                    </div>
                                </li> --> 
                            </ul>
                            </a>
                        </div>
                        
                        
                                
                                
                             <!--     <li>
                                    <div class="div-2-vertical">
                                        <button type="button" id="comment" class="btn btn-default">评论</button>
                                    </div>
                                </li> -->
                            </ul>
                            
                        </div>
                    </td>
                </tr>
            </tbody>
          </table>
          

          
        </div>

      
<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
</body>
</html>